<template>
    <div>
        <ChildrenView :title="title" :num="salesToday">
            <template v-slot:pic>
                <div class="a"><span>日同比</span> &emsp; <span>{{salesGrowthLastDay}}</span><span class="one ones oneview"></span></div>
                <div class="b"><span>月同比</span> &emsp; <span>{{salesGrowthLastMonth}}</span><span class="one twos oneview"></span></div>
            </template>
            <p class="p"></p>
            <template>
                <div><span>昨日销售额</span><span>{{salesLastDay}}</span></div>
            </template>
        </ChildrenView>
    </div>
</template>

<script>
import ChildrenView from './ChildrenView.vue';
import getData from '@/mixin/mixin'
export default {
    components: { ChildrenView },
    mixins:[getData],
    data() {
        return {
            title: '累计销售额',
        }
    },
    computed:{
        getDatas(){
            return this.getData()
        }
    }
}
</script>

<style lang="scss">
    .a{
        width: 50%;
        display: flex;
        justify-content: space-around;
        align-items: center;
    }
    .b{
        width: 50%;
        display: flex;
        justify-content: space-around;
        align-items: center;
    }
</style>